/*重置样式*/
body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
}
body {
  background: #FFF;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-family: 'Microsoft Yahei', '微软雅黑', 'Simsun', '宋体', 'Arial', sans-serif;
}
address,caption,dfn,th,var,cite,code,i,em,s,label,input,select,textarea {
  font-style: normal;
  font-weight: normal;
  font-family: inherit;
}
input[type="submit"],input[type="reset"],input[type="button"] {
  cursor: pointer;
}
select,input,textarea {
  font-family: inherit;
  margin: 0;
}
li {
  list-style: none;
}
img {
  border: none;
  background: none;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  /*text-decoration: underline;*/
  color: #f50;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.clearfix:before,.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.flt {
  float: left;
}
.frt {
  float: right;
}
strong {
  font-weight: normal;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*清除点击的一个阴影*/
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
/*清掉ios10下的一个圆角*/
body {
  margin: 0;
  -webkit-user-select: none;
}
/*静止选中文字*/
body * {
  -webkit-user-select: none;
  font-family: Helvetica;
}
/*支持移动端的字体*/
body {
  -webkit-text-size-adjust: 100%;
}
/*解决横竖屏切换字体的变化*/
h1 {
  margin: 0;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  vertical-align: top;
}
html,
body {
  width: 100%;
  height: 100%;
}

/*布局开始*/

.wrap{}

.header{width: 100%; height: 50px; background: #e30c26;}

.header a{width: 10%; height: 40px;  line-height: 50px; margin-left: 10px; float: left;}

.header a img{width: 14px; height: 24px; margin-top: 10px;}

.header span{display: block; float: left; width: 30%; height: 50px; line-height: 50px; font-size: 15px;
color: #fff; text-align: center; margin-left: 20%;}

.conter{min-height: 300px; }

.top{width: 100%; height: 90px; background: #e9e9e9; margin-bottom: 10px; position: relative;}

.top img{width: 60px; height: 60px; border-radius: 50%;  position: absolute; top: 16px; left: 5%;}

.top em{display: block; width: 100px; height: 20px; margin-left: 27%; font-size: 14px; line-height: 20px;
 margin-top: 24px; color: #fff;}

.top p{display: block; width: 100px; height: 20px; margin-left: 27%; font-size: 14px; line-height: 20px;
 margin-top: 6px;}
 
.row{height: 120px; background: #e9e9e9;}

.row-t{height: 40px; width: 160px; margin-left: 20px; margin-top: 10px;}

.row .row-t p{width: 100px; height: 24px;  color: #000; font-size: 14px; line-height: 24px;}

.row .row-t span{display: block; width: 100px; height: 24px; color: #e30c26; font-size: 13px; line-height: 24px;}

.row-f{height: 40px; width: 160px; margin-left: 20px; margin-top: 20px;}

.row .row-f p{width: 100px; height: 24px;  color: #000; font-size: 14px; line-height: 24px;}

.row .row-f span{display: block; width: 100px; height: 24px; color: #e30c26; font-size: 13px; line-height: 24px;}


.footer{width: 100%; height: 200px; background: #fff; margin-top: 10px;}

.footer ul{width: 100%; height: 100%; }

.footer ul li{float: left; width: 33.3%; height: 100px; margin-top: 15px;}

.footer ul li a{display: block; width: 100%; height: 100%;}

.footer ul li a img{width: 40px; height: 40px;  margin-left: 35%;}

.footer ul li a p{width: 100%; text-align: center; margin-top: 5px; font-size: 13px;}
 
.footer ul li a span{width: 100%; text-align: center; display: block; margin-top: 5px; font-size: 12px;}
